﻿<%@ Page Title="" Language="C#" Theme="default" MasterPageFile="~/MasterPage.master" EnableEventValidation="false" AutoEventWireup="true" Inherits="_Default" Codebehind="Default.aspx.cs" %>
<%@ Register Src="~/UserControls/bankList.ascx" TagName="bankList" TagPrefix="bankList" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div id="box">
      <ul>
       <li id="step0">
        <div>
         <div class="head">
          <asp:Image ID="Image1" CssClass="counter" runat="server" AlternateText="" ImageUrl="~/App_Themes/default/images/1.png"  />
          <span class="stepheader">انتخاب نوع کارت شارژ</span>
         </div>
         <div class="content">
          <div id="cardselect">
          <ul>
           <li id="irancell">ایرانسل</li>
           <li id="taliya">تالیا</li>
           <li id="haval">همراه اول</li>
          </ul>
          </div>
          <div id="irancellbox">
           <img id="Img1" src="~/App_Themes/Default/Images/irancell.gif" runat="server" alt="" class="companylogo"/>
           <asp:RadioButtonList  runat="server" ID="rbIranCell" CellSpacing="4" CellPadding="4"  style="margin-top:10px" TextAlign="Right" RepeatLayout="Table" RepeatColumns="1" RepeatDirection="Horizontal">
           </asp:RadioButtonList>
           <div id="iranCellUnderConst" class="messagediv" runat="server"> سرویس در حال راه اندازی می باشد.</div>
          
          </div>
          <div id="taliyabox">
            <img id="Img2" src="~/App_Themes/Default/Images/taliya.gif" runat="server" alt="" class="companylogo" style="border:solid 2px #fff;padding:2px;margin-top:35px" />
            <asp:RadioButtonList runat="server" ID="rbTaliya" CellSpacing="4" CellPadding="4"  style="margin-top:10px" TextAlign="Right" RepeatLayout="Table" RepeatColumns="1" RepeatDirection="Horizontal">
            </asp:RadioButtonList>
            <div id="taliyaUnderConst" class="messagediv" runat="server"> سرویس در حال راه اندازی می باشد.</div>
          </div>
          <div id="havalbox">
            <img id="Img3" src="~/App_Themes/Default/Images/hamrah.gif" runat="server" alt="" class="companylogo" style="border:solid 2px #fff;padding:2px;margin-top:35px" />
            <asp:RadioButtonList runat="server" ID="rbHamrah" CellSpacing="4" CellPadding="4"  style="margin-top:10px" TextAlign="Right" RepeatLayout="Table" RepeatColumns="1" RepeatDirection="Horizontal">
            </asp:RadioButtonList>
            <div id="hamraheAvalUnderConst" class="messagediv" runat="server"> سرویس در حال راه اندازی می باشد.</div>
          </div>
         </div>
        </div>
       </li>
       <li id="step1">
        <div class="head">
          <asp:Image ID="Image2" CssClass="counter" runat="server" AlternateText=""  ImageUrl="~/App_Themes/default/images/2.png"   />
          <span class="stepheader">ثبت مشخصات</span>
        </div>
        <div class="content">
        <p class="message" >
        <img src="App_Themes/default/images/help.png" alt="" />
         برای تکمیل پروسه خرید، وارد نمودن شماره همراه و آدرس ایمیل الزامی می باشد.
        </p>
         <table id="tbform">
          <tr>
           <td class="alignleft" >
            شماره همراه:
           </td>
           <td>
            <asp:TextBox runat="server" id="tbMobile" ValidationGroup="buyVoucher" CssClass="input" TabIndex="1"  />
            <asp:RequiredFieldValidator ID="rfvMobile" ControlToValidate="tbMobile" Display="None" ValidationGroup="buyVoucher" ErrorMessage="لطفا شماره تلفن همراه خود را وارد کنید" runat="server" />
           </td>
           </tr>
           <tr>
           <td class="alignleft">
            پست الکترونیکی:
           </td>
           <td>
            <asp:TextBox runat="server" id="tbEmail" ValidationGroup="buyVoucher" CssClass="input" TabIndex="2" />
            <asp:RequiredFieldValidator ID="rfvEmail" Display="None" ControlToValidate="tbEmail" ValidationGroup="buyVoucher" ErrorMessage="لطفا آدرس پست الکترونیکی خود را وارد کنید" runat="server" />
            <asp:RegularExpressionValidator ID="rexvEmail" Display="None" ErrorMessage="آدرس پست الکترونیکی وارد شده نادرست می باشد" ValidationGroup="buyVoucher" ControlToValidate="tbEmail" 
                   ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
                   runat="server" />
           </td>
          </tr>
          <tr>
           <td class="alignleft">
            عدد تصویر :
           </td>
           <td >
              <center> <a class="captchalink" href="captcha.htm" ><asp:Literal runat="server" ID="lLabelCaptchaLink" /></a></center>
              <asp:TextBox ValidationGroup="buyVoucher" autocomplete="off" runat="server" CssClass="input" ID="tbNumImage" TabIndex="3" MaxLength="6" ></asp:TextBox> 
              <asp:RequiredFieldValidator ID="RequiredFieldValidator1" Display="None" ControlToValidate="tbNumImage" ValidationGroup="buyVoucher" ErrorMessage="لطفا عدد تصویر را وارد کنید" runat="server" />
           </td>
          </tr>
          <tr>
           <td colspan="2">
              <asp:Image ID="imgCaptcha"  style="border:solid 1px #999;float:left;margin-left:30px;"  runat="server"  ImageUrl="Captcha.aspx"  />
           </td>
          </tr>
          <tr>
            <td colspan="2">
                <asp:ValidationSummary ID="vsBuyVoucher"  DisplayMode="List"   ShowMessageBox="true" ShowSummary="false"  ValidationGroup="buyVoucher" runat="server" />
            </td>
          </tr>
         </table>
        </div>
       </li>
       <li id="step2">
        <div class="head">
          <asp:Image ID="Image3" CssClass="counter" runat="server" AlternateText=""  ImageUrl="~/App_Themes/default/images/3.png"  />
          <span class="stepheader">بانک صادرکننده کارت</span>
        </div>
        <div class="content">
          <bankList:bankList runat="server" ID="banklist1" />
          <div class="message">
          بر اساس انتخاب شما، عملیات پرداخت توسط بانک 
           <asp:DropDownList style="width:100px;font:11px tahoma;"  runat="server" ID="DDSelectBank" />
          انجام می شود.
          </div>
        </div>
       </li>
       <li id="step3">
        <div class="head">
        <asp:Image ID="Image4" CssClass="counter" runat="server" AlternateText=""  ImageUrl="~/App_Themes/default/images/4.png"  />
        <span class="stepheader">پرداخت</span>
         </div>
        <div class="content">
         <center><span class="ftitle">صورت حساب</span></center>
         <table id="factor" >
          <tr>
           <td>
            مبلغ واحد
           </td>
           <td>
            &nbsp;
            <span class="VoucherPrice" />
           </td>
          </tr>
          <tr>
           <td>
            تعداد
           </td>
           <td >
            &nbsp;
            <select id="VoucherCount" runat="server">
             <option value="1" >1</option>
             <option value="2" >2</option>
             <option value="5" >5</option>
             <option value="10" >10</option>
            </select>
           </td>
          </tr>
          <tr>
           <td>
            کارمزد بانک
           </td>
           <td>
           میهمان ما هستید
           </td>
          </tr>
          <tr>
           <td>
            مبلغ قابل پرداخت
           </td>
           <td>
            <asp:TextBox runat="server" ID="TotalPrice" CssClass="totalprice" ReadOnly="true"   />
           </td>
          </tr>
         </table>
         <center>
          <asp:Button CssClass="btn" runat="server" ValidationGroup="buyVoucher" TabIndex="4" CausesValidation="true" ID="btnPayment" OnClick="btnPayment_Click" /> 
         </center>
        </div>
       </li>
      </ul>
     </div>
</asp:Content>

